<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="keywords" content="VR虚拟、形拓科技" />
    <meta name="description" content="形拓科技官网">
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="assets/third/swiper/swiper.min.css">
    <link rel="stylesheet" href="assets/css/all.min.css">
    <title> 关于我们｜形拓科技 </title>
</head>

<body>
    <!-- 顶部 header start -->
    <div class="header">
        <div class="inner">
            <a href="index.html" class="logo"></a>
            <div class="m-nav-switch">
                <span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span>
            </div>
            <div class="nav">
                <ul>
                    <li ><a href="index.html" class="first-level-menu">首页</a></li>
                    <li ><a href="innovation-motivation.html" class="first-level-menu"> 创新动力 </a></li>
                    <li class="drop-menu active"  >
                        <a href="success-cases.html" class="first-level-menu"> 成功案例 <i class="icon-arrow-d"></i> </a>
                        <span class="m-drop-arrow first-level-arrow"></span>
                        <div class="drop-content">
                            <div class="item">
                                <a href="success-cases.html#caseItem1"> <span class="txt">应急管理</span> <i class="icon-arrow-r"></i></a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">危害预测及推演</a>
                                    <a href="case-details.html">协同指挥及施救</a>
                                    <a href="case-details.html">应急方案沙盘</a>
                                    <a href="case-details.html">应急培训演练</a>
                                </div>
                            </div>
                            <div class="item">
                                <a href="success-cases.html#caseItem2"> <span class="txt">数字教育 </span><i class="icon-arrow-r"></i></a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">XR教学课件</a>
                                    <a href="case-details.html">虚拟实训基地</a>
                                    <a href="case-details.html">模拟仿真实验</a>
                                    <a href="case-details.html">虚拟教育平台</a>
                                </div>
                            </div>
                            <div class="item">
                                <a href="success-cases.html#caseItem3"><span class="txt">数字孪生</span> <i class="icon-arrow-r"></i>
                                </a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">智慧工厂</a>
                                    <a href="case-details.html">智慧园区</a>
                                    <a href="case-details.html">操作仿真</a>
                                    <a href="case-details.html">环境仿真</a>
                                </div>
                            </div>
                            <div class="item">
                                <a href="success-cases.html#caseItem4"><span class="txt">行业应用 </span> <i class="icon-arrow-r"></i></a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">石油化工</a>
                                    <a href="case-details.html">能源</a>
                                    <a href="case-details.html">教育</a>
                                    <a href="case-details.html">工业制造</a>
                                    <a href="case-details.html">医疗健康</a>
                                    <a href="case-details.html">航天航空</a>
                                    <a href="case-details.html">城市管理</a>
                                    <a href="case-details.html">更多</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li ><a href="service.html" class="first-level-menu"> 无忧服务 </a></li>
                    <li class='current'><a href="about.html" class="first-level-menu"> 关于我们 </a></li>
                    <li class="lang-switch"><a href="javascript:void(0)"> EN </a></li>
                </ul>
                <div class="contact-infor-tabbox mobile-show">
                    <div class="infor-tab-nav">
                        <span class="item active">上海</span><span class="item">山东</span><span class="item">浙江</span>
                    </div>
                    <div class="infor-tab-cont">
                        <p>地址：徐汇区桂平路418号2008室</p>
                        <p>电话：（+86）02164318100</p>
                        <p>传真：（+86）02164318123</p>
                    </div>
                    <div class="infor-tab-cont" style="display: none;">
                        <p>地址：济南市天辰路2177号联合财富广场2号楼709</p>
                        <p>电话：（+86）053165687390</p>
                        <p>传真：（+86）053164395288</p>
                    </div>
                    <div class="infor-tab-cont" style="display: none;">
                        <p>地址：宁波市江北区宝马街8号2幢202室</p>
                        <p>电话：（+86）057364318100</p>
                        <p>传真：（+86）057364318123</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- // header end -->
    <!-- 顶部kv -->
    <div class="top-banner banner-about J-scroll-group">
        <div class="wrap-box">
            <div class="inner-cont">
                <h3 class="ani-up-in2">形拓科技</h3>
                <p class="zh ani-up-in2">
                    构造虚拟世界，帮助您在现实中享受元宇宙带来的巨大红利
                </p>
            </div>
            <div class="lattice-group staggering-grid-1">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
        </div>
        <span class="lattice-1 abs"></span> 
        <span class="lattice-2 abs"></span>
        <span class="lattice-4 abs mobile-hide"></span>
        <span class="lattice-5 abs mobile-hide"></span>
        <div class="video-bg" data-pc-url="assets/video/banner-about.mp4" data-mobile-url="assets/video/banner-about@2x.mp4"></div>
    </div>

    <!-- 企业文化 start -->
    <div class="about-cont1">
        <div class="scrolling-bg-box">
            <!-- anime.js 实现 -->
            <div class="anime-scrolling anime-direction-r">
                <div class="scrolling-item"><img src="assets/images/culture-bg_01.png"></div>
                <div class="scrolling-item"><img src="assets/images/culture-bg_01.png"></div>
            </div>
            <div class="anime-scrolling anime-direction-l">
                <div class="scrolling-item"><img src="assets/images/culture-bg_02.png"></div>
                <div class="scrolling-item"><img src="assets/images/culture-bg_02.png"></div>
            </div>
            <div class="anime-scrolling anime-direction-r">
                <div class="scrolling-item"><img src="assets/images/culture-bg_03.png"></div>
                <div class="scrolling-item"><img src="assets/images/culture-bg_03.png"></div>
            </div>
            <div class="anime-scrolling anime-direction-l">
                <div class="scrolling-item"><img src="assets/images/culture-bg_04.png"></div>
                <div class="scrolling-item"><img src="assets/images/culture-bg_04.png"></div>
            </div>
        </div>
        <div class="lattice-group abs staggering-grid-1">
            <div class="grid">
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
            </div>
            <div class="grid shadow">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
            </div>
        </div>
        <span class="lattice-5 abs"></span>
    </div>
    <div class="wrap-box culture-box J-scroll-group">
        <div class="header-til ani-up-in">
            <h3 class="cont-til60">企业文化</h3>
        </div>
        <ul class="culture-list">
            <li class="ani-up-in ani-delay-25">
                <h4 class="green">愿景</h4>
                <p>以实建虚，以虚见实，虚实互通</p>
            </li>
            <li class="ani-up-in ani-delay-375">
                <h4 class="green">使命</h4>
                <p><span>在工业元宇宙领域，</span><span>为客户收获更多的价值</span><span class="m-break">为股东和员工获得更多的回报</span><span>为社会发展提供更多的动力</span></p>
            </li>
            <li class="ani-up-in ani-delay-5">
                <h4 class="green">价值观</h4>
                <p>客户优先，诚信勤奋，激情创新，开放平等，共同成长</p>
            </li>
        </ul>
        <div class="lattice-group static w120">
            <div class="grid">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
            </div>
        </div>
    </div>
    <!-- //企业文化 end -->

    <!-- 发展历史 start -->
    <div class="wrap-box about-cont2 J-scroll-group">
        <div class="header-til">
            <h3 class="cont-til60 ani-up-in">发展历史</h3>
            <div class="swiper-btn-group ani-opacity-in ani-delay-25">
                <a href="javascript:void(0)" class="icon-left-btn J-history-prev"></a>
                <!-- pagination -->
                <div class="swiper-pagination history-pagination"></div>
                <a href="javascript:void(0)" class="icon-right-btn J-history-next"></a>
            </div>
        </div>
        <div class="history-swiper-box ani-opacity-in ani-delay-25">
            <div class="swiper-container history-swiper">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide">
                        <div class="til">
                            <span class="year">2014</span>
                            <h4>公司成立</h4>
                        </div>
                        <div class="content">5名骨干员工，协同5名VR行业资深工程师</div>
                    </li>
                    <li class="swiper-slide">
                        <div class="til">
                            <span class="year">2015</span>
                            <h4>创新创业大赛</h4>
                        </div>
                        <div class="content">公司成立1年，员工数15名，同时消防演练三维仿真系统项目成功申请上海市创新创业大赛资金</div>
                    </li>
                    <li class="swiper-slide">
                        <div class="til">
                            <span class="year">2017</span>
                            <h4>国家高新企业</h4>
                        </div>
                        <div class="content">公司成立3年，员工数达25名，同时公司于2017年11月成功获评国家高新企业</div>
                    </li>
                    <li class="swiper-slide">
                        <div class="til">
                            <span class="year">2018</span>
                            <h4>通过ISO9001认证</h4>
                        </div>
                        <div class="content">公司展厅建成</div>
                    </li>
                    <li class="swiper-slide">
                        <div class="til">
                            <span class="year">2019</span>
                            <h4>获得上海市<span><br></span>专精特新企业称号</h4>
                        </div>
                        <div class="content">虚拟高校虚拟实训平台上市</div>
                    </li>
                    <li class="swiper-slide">
                        <div class="til">
                            <span class="year">2021</span>
                            <h4>成立山东形拓</h4>
                        </div>
                        <div class="content">员工数50人</div>
                    </li>
                    <li class="swiper-slide">
                        <div class="til">
                            <span class="year">2022</span>
                            <h4>成立宁波形拓</h4>
                        </div>
                        <div class="content">危险品灾害仿真分析平台上市</div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="lattice-group abs staggering-grid-1">
            <div class="grid">
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
            </div>
            <div class="grid shadow">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
            </div>
        </div>
        <span class="lattice-5 abs"></span>
        <span class="lattice-6 abs"></span>
    </div>
    <!-- //发展历史 end -->

    <!-- 荣誉资质 start -->
    <div class="wrap-box about-cont3 J-scroll-group">
        <div class="header-til">
            <h3 class="cont-til60 ani-up-in">荣誉资质</h3>
            <div class="swiper-btn-group ani-opacity-in ani-delay-25">
                <a href="javascript:void(0)" class="icon-left-btn J-honour-prev"></a>
                <!-- pagination -->
                <div class="swiper-pagination honour-pagination"></div>
                <a href="javascript:void(0)" class="icon-right-btn J-honour-next"></a>
            </div>
        </div>
        <div class="swiper-container honour-swiper ani-up-in2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul class="honour-list">
                        <li>
                            <div class="icon">
                                <p class="num"><span class="anime-num" data-value="49">0</span><i>项</i></p>
                                <img src="assets/images/honour-icon1.png" alt="发明专利" class="default">
                                <img src="assets/images/honour-icon1_hover.webp" alt="发明专利" class="hover">
                            </div>
                            <p class="text">发明专利</p>
                        </li>
                        <li>
                            <div class="icon">
                                <p class="num"><span class="anime-num" data-value="30">0</span><i>项</i></p>
                                <img src="assets/images/honour-icon1.png" alt="实用新型专利" class="default">
                                <img src="assets/images/honour-icon1_hover.webp" alt="实用新型专利" class="hover">
                            </div>
                            <p class="text">实用新型专利</p>
                        </li>
                        <li>
                            <div class="icon">
                                <p class="num"><span class="anime-num" data-value="60">0</span><i>项</i></p>
                                <img src="assets/images/honour-icon1.png" alt="软著" class="default">
                                <img src="assets/images/honour-icon1_hover.webp" alt="软著" class="hover">
                            </div>
                            <p class="text">软著</p>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="assets/images/honour-icon2.png" alt="上海市高科技企业" class="default">
                                <img src="assets/images/honour-icon2_hover.webp" alt="上海市高科技企业" class="hover">
                            </div>
                            <p class="text">上海市高科技企业</p>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="assets/images/honour-icon3.png" alt="上海市专精特新企业" class="default">
                                <img src="assets/images/honour-icon3_hover.webp" alt="上海市专精特新企业" class="hover">
                            </div>
                            <p class="text">上海市专精特新企业</p>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="assets/images/honour-icon4.png" alt="通过ISO9001认证" class="default">
                                <img src="assets/images/honour-icon4_hover.webp" alt="通过ISO9001认证" class="hover">
                            </div>
                            <p class="text">通过ISO9001认证</p>
                        </li>
                    </ul>
                </div>
                <!-- 测试数据 6个为一组 正式发布如果没有这数据需要删除 start -->
                <div class="swiper-slide">
                    <ul class="honour-list">
                        <li>
                            <div class="icon">
                                <p class="num"><span class="anime-num" data-value="49">0</span><i>项</i></p>
                                <img src="assets/images/honour-icon1.png" alt="发明专利">
                            </div>
                            <p class="text">发明专利</p>
                        </li>
                        <li>
                            <div class="icon">
                                <p class="num"><span class="anime-num" data-value="30">0</span><i>项</i></p>
                                <img src="assets/images/honour-icon1.png" alt="实用新型专利">
                            </div>
                            <p class="text">实用新型专利</p>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="assets/images/honour-icon2.png" alt="上海市高科技企业">
                            </div>
                            <p class="text">上海市高科技企业</p>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="assets/images/honour-icon3.png" alt="上海市专精特新企业">
                            </div>
                            <p class="text">上海市专精特新企业</p>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="assets/images/honour-icon4.png" alt="通过ISO9001认证">
                            </div>
                            <p class="text">通过ISO9001认证</p>
                        </li>
                    </ul>
                </div>
                <!-- //测试数据 end -->
            </div>
        </div>
        <!-- 点阵背景 start -->
        <div class="lattice-group abs staggering-grid-1">
            <div class="grid">
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
            </div>
            <div class="grid shadow">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
            </div>
        </div>
        <span class="lattice-5 abs"></span>
        <!-- // 点阵背景 end -->
    </div>
    <!-- //荣誉资质 end -->

    <!-- 公司新闻 start -->
    <div class="wrap-box about-cont4 J-scroll-group">
        <div class="header-til">
            <h3 class="cont-til60 ani-up-in">公司新闻</h3>
            <a href="news.html" class="see-more-btn ani-opacity-in ani-delay-25">
                <span class="txt">查看更多</span><i class="icon-right-btn"></i>
            </a>
        </div>
        <div class="news-list">
            <ul>
                <li class="ani-up-in2 ani-delay-125"><a href="news-details.html">
                        <div class="thumb">
                            <img src="assets/images/news-thumb1.jpg">
                        </div>
                        <div class="content">
                            <h5 class="txt">Facebook展示反向透视VR头显，允许看到头显用户的眼部表情</h5>
                            <p class="date">2021-08-18</p>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-25"><a href="news-details.html">
                        <div class="thumb">
                            <img src="assets/images/news-thumb2.jpg">
                        </div>
                        <div class="content">
                            <h5 class="txt">Unity CEO：2030年AR/VR有望发展到当今游戏主机规模</h5>
                            <p class="date">2023-01-01</p>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-375"><a href="news-details.html">
                        <div class="thumb">
                            <img src="assets/images/news-thumb3.jpg">
                        </div>
                        <div class="content">
                            <h5 class="txt">弘扬红船精神，走在时代前列——上海形拓随浙江省高校学会实验…</h5>
                            <p class="date">2023-01-01</p>
                        </div>
                    </a></li>
            </ul>
        </div>
        <!-- 点阵背景 start -->
        <span class="lattice-5 abs"></span>
        <div class="lattice-group abs staggering-grid-1">
            <div class="grid">
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
            </div>
            <div class="grid shadow">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
            </div>
        </div>
        <div class="lattice-group abs staggering-grid-2 w144">
            <div class="grid">
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
            </div>
            <div class="grid shadow">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span>
            </div>
        </div>
        <!-- // 点阵背景 end -->
    </div>
    <!-- //公司新闻 end -->

    <!-- 加入我们 start -->
    <div class="join-box J-scroll-group">
        <h3 class="cont-til60 align-c ani-up-in">加入我们</h3>
        <p class="txt align-c ani-up-in">用你的激情与才华，与我们共同缔造栩栩如生、万物互通的孪生世界，实现共同的元宇宙梦想</p>
        <div class="swiper-container join-swiper ani-opacity-in ani-delay-25">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="content">
                        <h4>上海</h4>
                        <div class="job-list">
                            <a href="javascript:void(0)">三维建模师</a><a href="javascript:void(0)">弱电工程师</a><a
                                href="javascript:void(0)">C++工程师</a><a href="javascript:void(0)">QT工程师</a>
                            <a href="javascript:void(0)">QT工程师</a><a href="javascript:void(0)">U3D工程师</a><a
                                href="javascript:void(0)">U3D工程师</a><a href="javascript:void(0)"
                                class="green">点击查看更多&gt;</a>
                        </div>
                    </div>
                    <div class="bg">
                        <img src="assets/images/shanghai.png">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content">
                        <h4>宁波</h4>
                        <div class="job-list">
                            <a href="javascript:void(0)">三维建模师</a><a href="javascript:void(0)">弱电工程师</a><a
                                href="javascript:void(0)">C++工程师</a><a href="javascript:void(0)">QT工程师</a>
                            <a href="javascript:void(0)">QT工程师</a><a href="javascript:void(0)">U3D工程师</a><a
                                href="javascript:void(0)">U3D工程师</a><a href="javascript:void(0)"
                                class="green">点击查看更多&gt;</a>
                        </div>
                    </div>
                    <div class="bg">
                        <img src="assets/images/ningbo.png">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content">
                        <h4>山东</h4>
                        <div class="job-list">
                            <a href="javascript:void(0)">三维建模师</a><a href="javascript:void(0)">弱电工程师</a><a
                                href="javascript:void(0)">C++工程师</a><a href="javascript:void(0)">QT工程师</a>
                            <a href="javascript:void(0)">QT工程师</a><a href="javascript:void(0)">U3D工程师</a><a
                                href="javascript:void(0)">U3D工程师</a><a href="javascript:void(0)"
                                class="green">点击查看更多&gt;</a>
                        </div>
                    </div>
                    <div class="bg">
                        <img src="assets/images/shandong.png">
                    </div>
                </div>
            </div>
            <!-- Add Pagination -->
            <!-- <div class="swiper-pagination"></div> -->
        </div>
        <!-- 点阵背景 start -->
        <span class="lattice-5 abs"></span>
        <div class="lattice-group abs staggering-grid-1">
            <div class="grid">
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
            </div>
            <div class="grid shadow">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
            </div>
        </div>
        <!-- // 点阵背景 end -->
    </div>
    <!-- //加入我们 end -->

    <!-- 底部模块 start -->
    <div class="footer J-scroll-group">
        <!-- <div class="lattice-group abs staggering-grid-2 w144">
            <div class="grid">
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
            </div>
            <div class="grid shadow">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span>
            </div>
        </div> -->
        <div class="wrap-box">
            <!-- <span class="lattice-5 abs"></span> -->
            <span class="lattice-6 abs"></span>
            <h3 class="cont-til50 ani-up-in2">不妨和我们聊聊<br />我们能为您带来什么</h3>
            <div class="footer-cont ani-opacity-in ani-delay-25">
                <div class="form-box">
                    <div class="form-item">
                        <span class="label">姓名</span>
                        <input type="text" placeholder="请输入您的姓名" class="input">
                    </div>
                    <div class="form-item">
                        <span class="label">电子邮件</span>
                        <input type="text" placeholder="请输入您的电子邮箱地址" class="input">
                    </div>
                    <div class="form-item">
                        <span class="label">联系电话</span>
                        <p class="tel-item">
                            <i>+86</i>
                            <input type="text" placeholder="" class="input">
                        </p>
                    </div>
                    <div class="form-item">
                        <span class="label">途径</span>
                        <div class="select-item J-select-item">
                            <span class="select-text"> 公众号 </span>
                            <ul class="select-options">
                                <li data-value="公众号" class="selected"> <span class="txt"> 公众号 </span> </li>
                                <li data-value="朋友推荐"> <span class="txt"> 朋友推荐 </span> </li>
                                <li data-value="短信推送"> <span class="txt"> 短信推送 </span> </li>
                                <li data-value="线下推广"> <span class="txt"> 线下推广 </span> </li>
                                <li data-value="其他"> <span class="txt"> 其他 </span> </li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-item textarea-item">
                        <span class="label">内容</span>
                        <textarea class="textarea"></textarea>
                    </div>
                    <div class="form-item">
                        <button class="more-btn">
                            <span class="text">立即提交</span> <i class="dot"></i><i class="dot"></i><i class="dot"></i><i
                                class="dot"></i>
                            <p class="line-group"></p>
                        </button>
                    </div>
                </div>
                <div class="infor-box">
                    <a href="index.html" class="bot-logo">
                        <img src="assets/images/logo@2x.png">
                    </a>
                    <div class="contact-infor-tabbox mobile-hide">
                        <div class="infor-tab-nav">
                            <span class="item active">上海</span><span class="item">山东</span><span class="item">浙江</span>
                        </div>
                        <div class="infor-tab-cont">
                            <p>地址：徐汇区桂平路418号2008室</p>
                            <p>电话：（+86）02164318100</p>
                            <p>传真：（+86）02164318123</p>
                        </div>
                        <div class="infor-tab-cont" style="display: none;">
                            <p>地址：济南市天辰路2177号联合财富广场2号楼709</p>
                            <p>电话：（+86）053165687390</p>
                            <p>传真：（+86）053164395288</p>
                        </div>
                        <div class="infor-tab-cont" style="display: none;">
                            <p>地址：宁波市江北区宝马街8号2幢202室</p>
                            <p>电话：（+86）057364318100</p>
                            <p>传真：（+86）057364318123</p>
                        </div>
                    </div>
                    <!-- code -->
                    <div class="WX-code">
                        <img src="assets/images/WX_code.png" alt="形拓科技公众号">
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright ani-opacity-in ani-delay-5">COPYRIGHT 2022上海形拓科技有限公司 版权所有 沪ICP备14033395号</div>
        <div class="video-bg">
            <video autoplay muted loop preload="auto" x-webkit-airplay='true' x5-video-player-type='h5'
                x5-video-player-fullscreen='true' playsinline class="video">
                <source src="assets/video/foot.mp4">
            </video>
        </div>
    </div>
    <!-- // 底部模块 end -->
    <script src="assets/third/jquery-2.1.4.min.js"></script>
    <!-- <script src="https://unpkg.co/gsap@3/dist/gsap.min.js"></script>
    <script src="https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js"></script> -->
    <script src="assets/third/gsap3.11.5/gsap.min.js"></script>
    <script src="assets/third/gsap3.11.5/ScrollTrigger.min.js"></script>
    <script src="assets/third/swiper/swiper.min.js"></script>
    <!-- assets/third/vanilla-tilt.min.js -->
    <script src="assets/third/anime.min.js"></script>
    <script src="assets/js/common.min.js"></script>
    <script src="assets/js/about.min.js"></script>
</body>

</html>